<template>
  <div class="brand_detail">
    <img :src="brand.list_pic_url" alt="" width="100%">
    <h6>{{brand.name}}</h6>
    <p>{{brand.simple_desc}}</p>
  </div>
</template>

<script>
  import { getBrandDetail } from "@/network/api";
  export default {
    created() {
      getBrandDetail(this.$route.query.id).then(res => {
        if(res.errno == 0) {
          // console.log(res);
          this.brand = res.data.brand
        }
      })
    },
    data(){
      return {
        brand: {}
      }
    },
  }
</script>
<style scoped lang='less'>
  .brand_detail {
    width: 100%;
    position: absolute;
    img {
      display: block;
    }
    h6 {
      position: absolute;
      top: 30%;
      left: 50%;
      transform: translateX(-50%);
      font-size: .2rem;
      color: #fff;
      text-decoration: underline;
      font-weight: 510;
    }
    p {
      background: #fff;
      padding: .2rem .12rem;
      font-size: .18rem;
      text-align: center;
      line-height: .26rem;
      color: #666;
    }
  }
</style>